<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>
	.KEYW {color: #933;}
	.COMM {color: #bbb; font-style: italic;}
	.NUMB {color: #393;}
	.STRN {color: #393;}
	.REGX {color: #339;}
	.line {border-right: 1px dotted #666; color: #666; font-style: normal;}
	</style></head><body><pre><span class='line'>  1</span> <span class="NAME">rio.Clipboard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>  2</span> 	</span><span class="COMM">/*
<span class='line'>  3</span> 		Only call copy on the platform specific keydown event scenario.
<span class='line'>  4</span> 		
<span class='line'>  5</span> 			Mac: CMD + c
<span class='line'>  6</span> 			Win: CTRL + c
<span class='line'>  7</span> 	*/</span><span class="WHIT">
<span class='line'>  8</span> 	</span><span class="NAME">copy</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">afterCopy</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'>  9</span> 		</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Prototype.Browser.WebKit</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 10</span> 			</span><span class="NAME">this.copyToClipboardForWebKit</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 11</span> 			</span><span class="NAME">afterCopy.defer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 12</span> 			</span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 13</span> 		</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'> 14</span> 		
<span class='line'> 15</span> 		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">clipboard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.html</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 16</span> 		
<span class='line'> 17</span> 		</span><span class="NAME">clipboard.value</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 18</span> 		</span><span class="NAME">clipboard.setSelectionRange</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">clipboard.value.length</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 19</span> 		</span><span class="NAME">clipboard.focus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 20</span> 		
<span class='line'> 21</span> 		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 22</span> 			</span><span class="NAME">clipboard.stopObserving</span><span class="PUNC">(</span><span class="STRN">"keyup"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 23</span> 			</span><span class="NAME">clipboard.stopObserving</span><span class="PUNC">(</span><span class="STRN">"keydown"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 24</span> 			</span><span class="NAME">clipboard.stopObserving</span><span class="PUNC">(</span><span class="STRN">"keypress"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 25</span> 			
<span class='line'> 26</span> 			</span><span class="NAME">afterCopy.defer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 27</span> 		</span><span class="PUNC">}</span><span class="PUNC">.</span><span class="NAME">bindAsEventListener</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 28</span> 		
<span class='line'> 29</span> 		</span><span class="NAME">clipboard.observe</span><span class="PUNC">(</span><span class="STRN">"keyup"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 30</span> 		</span><span class="NAME">clipboard.observe</span><span class="PUNC">(</span><span class="STRN">"keydown"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 31</span> 		</span><span class="NAME">clipboard.observe</span><span class="PUNC">(</span><span class="STRN">"keypress"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 32</span> 	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 33</span> 	
<span class='line'> 34</span> 	</span><span class="NAME">copyToClipboardForWebKit</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">textToCopy</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 35</span>         </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">clipDoc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.clipboardDoc</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 36</span>     
<span class='line'> 37</span>     	</span><span class="COMM">// Get the clipboard container (input box) and set its contents</span><span class="WHIT">
<span class='line'> 38</span>     	</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">container</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">clipDoc.getElementById</span><span class="PUNC">(</span><span class="STRN">"clipContainer"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 39</span>     	</span><span class="NAME">container.value</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">textToCopy</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 40</span>     
<span class='line'> 41</span>     	</span><span class="COMM">// Focus/Select the container containing the text to copy</span><span class="WHIT">
<span class='line'> 42</span>     	</span><span class="NAME">container.focus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 43</span>     	</span><span class="NAME">container.select</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 44</span>     
<span class='line'> 45</span>     	</span><span class="NAME">clipDoc.execCommand</span><span class="PUNC">(</span><span class="STRN">"copy"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 46</span>     </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 47</span> 
<span class='line'> 48</span> 	</span><span class="NAME">clipboardDoc</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 49</span> 		</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this._clipFrame</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 50</span> 	 		</span><span class="NAME">this._clipFrame</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rio.Tag.iframe</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 51</span> 				</span><span class="NAME">style</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"position: absolute; top: -1000px"</span><span class="WHIT">
<span class='line'> 52</span> 			</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 53</span> 	 		</span><span class="NAME">Element.body</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">insert</span><span class="PUNC">(</span><span class="NAME">this._clipFrame</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 54</span>          
<span class='line'> 55</span> 	         </span><span class="COMM">// Insert an input box and switch it to design mode</span><span class="WHIT">
<span class='line'> 56</span> 	 		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">clipDoc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._clipFrame.contentDocument</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 57</span> 	 		</span><span class="NAME">clipDoc.body.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"&lt;textarea id='clipContainer'/>"</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 58</span> 	 		</span><span class="NAME">clipDoc.designMode</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"On"</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 59</span> 	 		</span><span class="NAME">clipDoc.body.contentEditable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 60</span>  		</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'> 61</span> 		</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._clipFrame.contentDocument</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 62</span> 	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 63</span> 	
<span class='line'> 64</span> 	</span><span class="NAME">paste</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">callback</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 65</span> 		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">clipboard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.html</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 66</span> 
<span class='line'> 67</span> 		</span><span class="NAME">clipboard.value</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 68</span> 		</span><span class="NAME">clipboard.focus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 69</span> 		
<span class='line'> 70</span> 		</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 71</span> 			</span><span class="NAME">clipboard.stopObserving</span><span class="PUNC">(</span><span class="STRN">"keyup"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 72</span> 			</span><span class="NAME">clipboard.stopObserving</span><span class="PUNC">(</span><span class="STRN">"keydown"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 73</span> 			</span><span class="NAME">clipboard.stopObserving</span><span class="PUNC">(</span><span class="STRN">"keypress"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 74</span> 			
<span class='line'> 75</span> 			</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 76</span> 				</span><span class="NAME">callback</span><span class="PUNC">(</span><span class="NAME">clipboard.value</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 77</span> 			</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">defer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 78</span> 		</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 79</span> 		
<span class='line'> 80</span> 		</span><span class="NAME">clipboard.observe</span><span class="PUNC">(</span><span class="STRN">"keyup"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 81</span> 		</span><span class="NAME">clipboard.observe</span><span class="PUNC">(</span><span class="STRN">"keydown"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 82</span> 		</span><span class="NAME">clipboard.observe</span><span class="PUNC">(</span><span class="STRN">"keypress"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">keyObserver</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 83</span> 	</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
<span class='line'> 84</span> 	
<span class='line'> 85</span> 	</span><span class="NAME">html</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 86</span> 		</span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this._html</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 87</span> 			</span><span class="NAME">this._html</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rio.Tag.textarea</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 88</span> 
<span class='line'> 89</span> 			</span><span class="NAME">Element.body</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">insert</span><span class="PUNC">(</span><span class="NAME">rio.Tag.div</span><span class="PUNC">(</span><span class="NAME">this._html</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
<span class='line'> 90</span> 				</span><span class="NAME">style</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"position: absolute; top: -10px; overflow: hidden; height:1px;"</span><span class="WHIT">
<span class='line'> 91</span> 			</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 92</span> 		</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'> 93</span> 		
<span class='line'> 94</span> 		</span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._html</span><span class="PUNC">;</span><span class="WHIT">
<span class='line'> 95</span> 	</span><span class="PUNC">}</span><span class="WHIT">
<span class='line'> 96</span> </span><span class="PUNC">}</span><span class="PUNC">;</span></pre></body></html>